<script>
  import $ from 'dfish-widget'
  import Widget from '../Widget.vue'

  export default {
    mixins: [Widget],
    data() {
      return {
        name: 'TimelineItem',
        tagName: 'timeline-item',
        remark: '时间轴节点',
        attrs: [{
            name: 'align',
            remark: '文本对齐',
            type: 'String',
            option: `<div style="gap:3px"><var>left</var><var>center</var><var>right</var</div>`
          }, {
            name: 'position',
            remark: '圆点位置(相对于文本)',
            type: 'String',
            option: `<div style="gap:3px"><var>top</var><var>right</var><var>bottom</var><var>left</var></div>`
          }, {
            name: 'line-color',
            remark: '连线的颜色',
            type: 'String',
            option: ``
          }, 
        ],
        slots: [{
          name: 'default',
          remark: '显示内容',
          option: ''
        }, {
          name: 'icon',
          remark: '图标',
          option: ''
        },],
      }
    }
  }
</script>

<style>
</style>
